<template>
    <div class="error-page">
      <h1>404</h1>
      <p>Sorry, the page you are looking for could not be found.</p>
      <router-link to="/">Go back to Home</router-link>
    </div>
  </template>
  
  <script>
  export default {
    name: 'NotFoundPage',
  };
  </script>
  
  <style scoped>
  .error-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
  }
  
  .error-page h1 {
    font-size: 50px;
    margin-bottom: 20px;
  }
  
  .error-page p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  </style>